<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本标签及样式</title>
</head>
<body>
<!--    em 标签用于表示一段内容的着重点  默认斜体显示-->
<!--    strong 标签用于表示一个内容的重要点  默认粗体显示-->
<!--    这两个标签可以单独使用，也可以一起使用-->
    <p>
        今天的天气<em>真不错</em>
    </p>
<p>
    <strong>认真过好每一天</strong>
</p>

<!--    <i> 是斜体     -->
<!--    <b> 是加粗     -->
<!--在html 中，对于不需要着重内容而是单纯的加粗或者斜体，就用着两个标签-->
    <p>
        <i>今天的天气真不错</i></em> <br />
        <b>认真过好每一天</b>
    </p>
<p>我是p标签的字
    <small>我是small中的字</small>  <!--small中的字会小一点，如：版权或者合同的小字会放在这里-->
</p>

<p>
    <cite>《论语》</cite>是我喜欢的一本书    <!--网页中所有的加书名号的内容都可以使用cite 标签，表示参考的内容如
                                            书名，歌名，话剧名，电影名。。。-->
</p>

<p>
    子曰：<q>学而时习之不亦说乎！</q>      <!--q标签表示一个短的应用,q标签中的内容，系统会默认加引号-->
</p>

<div>
    子曰：<blockquote>有朋自远方来，不亦乐乎！</blockquote>    <!--blockquote是一个长引用 ，（块级引用）-->
</div>

<p>2<sup>2</sup></p>    <!--sup是上标的意思  sub下标的意思-->

<p>
    18<br /><del>17.5</del><br />
</p>     <!--使用del 标签来表示一个删除的内容，里面的内容会自动添加删除线-->

<p>我们的老师真的<ins>好啊</ins></p>    <!--使用ins 标签会添加下划线-->

<p><pre>
for i in range(1000):         <!--使用pre是一个预格式标签 会将代码中的格式保存   code标签专门用来表示代码，但是不会保存格式 一般一起使用-->
    print(i)
</pre></p>
</body>
</html>